<div class="header-section">
    <!--logo and logo icon start-->
    <div class="logo dark-logo-bg hidden-xs hidden-sm">
        <a href="<?php echo Yii::$app->urlManager->createUrl('/')?>">
            <img src="<?php echo Yii::$app->request->baseUrl; ?>/upload_files/init/logo20x20.png" alt="">
            <!--<i class="fa fa-maxcdn"></i>-->
            <span class="brand-name">二狐OS</span>
        </a>
    </div>

    <div class="icon-logo dark-logo-bg hidden-xs hidden-sm">
        <a href="index.html">
            <img src="<?php echo Yii::$app->request->baseUrl; ?>/upload_files/init/logo20x20.png" alt="">
            <!--<i class="fa fa-maxcdn"></i>-->
        </a>
    </div>
    <!--logo and logo icon end-->

    <!--toggle button start-->
    <a class="toggle-btn"><i class="fa fa-outdent"></i></a>
    <!--toggle button end-->

    <!--mega menu start-->
    <div id="navbar-collapse-1" class="navbar-collapse collapse yamm mega-menu">
        <ul class="nav navbar-nav">
            <!-- Classic list -->
            <li class="dropdown"><a href="javascript:;" data-toggle="dropdown" class="dropdown-toggle">菜单导航 <b
                    class=" fa fa-angle-down"></b></a>
                <ul class="dropdown-menu wide-full">
                    <li>
                        <!-- Content container to add padding -->
                        <div class="yamm-content">
                            <div class="row">
                                <ul class="col-sm-3 list-unstyled">
                                    <li><p class="title">游戏管理</p></li>
                                    <li><a href="<?php echo \Yii::$app->urlManager->createUrl('/article/index'); ?>"> 游戏资讯</a></li>
                                    <li><a href="<?php echo \Yii::$app->urlManager->createUrl('/game-type/index'); ?>"> 游戏类型</a></li>
                                    <li><a href="<?php echo \Yii::$app->urlManager->createUrl('/game-state/index'); ?>"> 游戏状态</a></li>
                                    <li><a href="<?php echo \Yii::$app->urlManager->createUrl('/game/index'); ?>"> 游戏管理</a></li>
                                    <li><a href="<?php echo \Yii::$app->urlManager->createUrl('/game-notice/index'); ?>"> 游戏公告</a></li>
                                    <li><a href="<?php echo \Yii::$app->urlManager->createUrl('/game-beta/index'); ?>"> 游戏系数</a></li>
                                    <li><a href="<?php echo \Yii::$app->urlManager->createUrl('/game-version/index'); ?>"> 游戏版本</a></li>
                                </ul>
                                <ul class="col-sm-3 list-unstyled">
                                    <li><p class="title">系统设置</p></li>
                                    <li><a href="<?php echo \Yii::$app->urlManager->createUrl('/advertise/index'); ?>"> 广告管理</a></li>
                                    <li><a href="<?php echo \Yii::$app->urlManager->createUrl('/friend-links/index'); ?>"> 友情链接</a></li>
                                </ul>
                                <ul class="col-sm-3 list-unstyled">
                                    <li><p class="title">报表统计</p></li>
                                    <li><a href="javascript:;"> 用户统计</a></li>
                                    <li><a href="javascript:;"> 游戏下载排行</a></li>
                                </ul>
                            </div>
                        </div>
                    </li>
                </ul>
            </li>
        </ul>
    </div>
    <!--mega menu end-->
    <div class="notification-wrap">
    <!--left notification start-->
    <div class="left-notification">
    <ul class="notification-menu">
    <!--task info start-->
    <li class="d-none">
        <a href="javascript:;" class="btn btn-default dropdown-toggle info-number" data-toggle="dropdown">
            <i class="fa fa-tasks"></i>
            <span class="badge bg-success">9</span>
        </a>

        <div class="dropdown-menu dropdown-title">
            <div class="title-row">
                <h5 class="title green">您有9个游戏消息</h5>
                <a href="javascript:;" class="btn-success btn-view-all">查看</a>
            </div>
            <div class="notification-list task-list">
                <a href="javascript:;">
                    <span class="icon"><i class="fa fa-paw green-color"></i></span>
                    <span class="task-info">[2015-08]王刚下载了刀剑笑2游戏<small> 充值了1000元</small></span>
                </a>
                <a href="javascript:;">
                    <span class="icon">
                        <i class="fa fa-line-chart blue-color"></i>
                    </span>
                    <span class="task-info">[2015-08]李志平<small> 卸载了游戏《花千骨》</small>
                    <div class="progress progress-striped">
                        <div style="width: 66%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="66"
                             role="progressbar" class="progress-bar progress-bar-info"></div>
                    </div>
                    </span>
                </a>
                <a href="javascript:;">
                    <span class="icon ">
                        <i class="fa fa-heart purple-color"></i>
                    </span>
                    <span class="task-info">Tawseef
                    <small> Like your task 10 min ago</small>
                        </span>

                </a>
                <a href="javascript:;">
                    <span class="icon ">
                        <i class="fa fa-check green-color"></i>
                    </span>
                    <span class="task-info">Anjelina Gomez
                    <small>completed his task Yesterday</small>
                        </span>
                </a>
                <a href="javascript:;">
                    <span class="icon ">
                        <i class="fa fa-comments-o"></i>
                    </span>
                    <span class="task-info">Franklin Anderson
                    <small>commented on your task 3 Days ago</small>
                    </span>
                </a>
            </div>
        </div>
    </li>
    <!--task info end-->

    <!--notification info start-->
    <li>
        <a href="javascript:;" class="btn btn-default dropdown-toggle info-number" data-toggle="dropdown">
            <i class="fa fa-bell-o"></i>
            <span class="badge bg-warning">4</span>
        </a>

        <div class="dropdown-menu dropdown-title ">

            <div class="title-row">
                <h5 class="title yellow">您有4个消息</h5>
                <a href="javascript:;" class="btn-warning btn-view-all">查看</a>
            </div>
            <div class="notification-list-scroll sidebar">
                <div class="notification-list mail-list not-list">
                    <a href="javascript:;" class="single-mail">
                        <span class="icon bg-primary">
                            <i class="fa fa-envelope-o"></i>
                        </span>
                        <strong>您的密码已修改成功</strong>

                        <p>
                            <small>刚刚</small>
                        </p>
                        <span class="un-read tooltips" data-original-title="Mark as Read" data-toggle="tooltip" data-placement="left">
                            <i class="fa fa-circle"></i>
                        </span>
                    </a>
                    <a href="javascript:;" class="single-mail">
                        <span class="icon bg-success">
                            <i class="fa fa-comments-o"></i>
                        </span>
                        <strong> 屏蔽了用户王刚的帐号</strong>

                        <p>
                            <small>13分钟前</small>
                        </p>
                        <span class="un-read tooltips" data-original-title="Mark as Read" data-toggle="tooltip" data-placement="left">
                            <i class="fa fa-circle"></i>
                        </span>
                    </a>
                    <a href="javascript:;" class="single-mail">
                        <span class="icon bg-warning">
                            <i class="fa fa-warning"></i>
                        </span> Application Error
                        <p>
                            <small> 2 Days Ago</small>
                        </p>
                        <span class="read tooltips" data-original-title="Mark as Unread" data-toggle="tooltip" data-placement="left">
                            <i class="fa fa-circle-o"></i>
                        </span>
                    </a>
                    <a href="javascript:;" class="single-mail">
                        <span class="icon bg-dark">
                           <i class="fa fa-database"></i>
                        </span> Database Overloaded 24%
                        <p>
                            <small>1 Week Ago</small>
                        </p>
                        <span class="read tooltips" data-original-title="Mark as Unread" data-toggle="tooltip" data-placement="left">
                            <i class="fa fa-circle-o"></i>
                        </span>
                    </a>
                    <a href="javascript:;" class="single-mail">
                        <span class="icon bg-danger">
                            <i class="fa fa-warning"></i>
                        </span>
                        <strong>Server Failed Notification</strong>

                        <p>
                            <small>10 Days Ago</small>
                        </p>
                        <span class="un-read tooltips" data-original-title="Mark as Read" data-toggle="tooltip" data-placement="left">
                            <i class="fa fa-circle"></i>
                        </span>
                    </a>

                </div>
            </div>
        </div>
    </li>
    <!--notification info end-->
    </ul>
    </div>
    <!--left notification end-->


    <!--right notification start-->
    <div class="right-notification">
        <ul class="notification-menu">
            <li>
                <form class="search-content" action="index.html" method="post">
                    <input type="text" class="form-control" name="keyword" placeholder="搜索...">
                </form>
            </li>

            <li>
                <a href="javascript:;" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                    <img src="/upload_files/init/fa24a612110135f42e8a3b1ec5db9239.png" alt="<?php echo \Yii::$app->session['username'];?>头像">
                    <?php echo \Yii::$app->session['username'];?>
                    <span class=" fa fa-angle-down"></span>
                </a>
                <ul class="dropdown-menu dropdown-usermenu purple pull-right">
                    <li><a href="<?php echo \Yii::$app->urlManager->createUrl('/user/logout'); ?>"><i class="fa fa-sign-out pull-right"></i> 退出</a></li>
                </ul>
            </li>
        </ul>
    </div>
    <!--right notification end-->
    </div>
</div>

<!-- Modal -->
<div class="modal fade" id="appDownloadModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">下载或扫描App客户端</h4>
            </div>
            <div class="modal-body">
            	<div class="row">
	                <div class="col-sm-12">
						<section class="panel">
							<dl class="modal-code">
								<dt id="appDownloadQrcode"></dt>
	                            <dd>
	                            	<!-- 请填写外网地址 -->
	                                <a href="###" class="down-android">Android 下载</a>
	                                <a href="###"class="down-app">IOS 下载</a>
	                            </dd>
	                        </dl>
						</section>
					</div>
				</div>
            </div>
            <div class="modal-footer">
                <button data-dismiss="modal" class="btn btn-default" type="button" id="closeModal">关闭</button>
                <button data-dismiss="modal" class="btn btn-success" type="button" id="saveQrcode">保存二维码</button>
            </div>
        </div>
    </div>
</div>
<!-- modal -->